
html, body {
    height: 100%;
}
main {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/*header, h1, a, div, p {*/
/*    border-style: solid;*/
/*    border-width: 1px;*/
/*    border-color: #555555;*/
/*}*/

header {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: solid 1px #555555;
}
header > p {
    font-size: 3em;
}

.page {
    height: 100%;
    display: flex;
    flex-direction: row;
}
.left-side {
    width: 20em;
    padding: 1em;
    border: solid 1px #555555;
}
.avatar > img {
    width: 100%;
    border: solid 1px #555555;
}
.pages {
    margin-top: 1em;
}
.right-side {
    width: 100%;
    padding: 1em;
    border: solid 1px #555555;
}
.assay {
    margin-bottom: 1em;
    border-bottom: solid 1px #555555;
}
.title {
    font-size: 2em;
}
.timestamp {
    font-size: 0.5em;
}
.text {
    font-size: 1.2em;
}